body{ 
    /*要将body的外边距设置为0 */
    margin: 0;
      /*给body设置一个字体*/
      font-family: Arial, Helvetica,'Microsoft Yahei' sans-serif;
      columns: #7e8793;
      -webkit-font-smoothing: antialiased;
   
}

.home-header{
     /*引用背景图片*/
     /*../表示返回上一层目录*/
background:url(../img/home-bg.png)no-repeat;
 /*引用背景的大小宽度为100%高度为：auto*/
 background-size: 100% auto;
 /*文本的对齐方式为居中*/
 text-align: center;
 padding-bottom: 2rem
}

  /*要给home-header中的图片img来设定一个样式*/
   /*子元素选择器*/
  .home-header>img{
   width:65%;
   margin: 2.3rem;
  }

  /* 后代选择器 */
  .home-header form{
    background: white;
    width: 90%;
    /*要将form居中显示*/
    margin:0 auto;
    /*设置行高垂直居中*/
   line-height: 2.2rem;
   /*设置圆角*/
   border-radius: 2.2rem;
  }
  .home-header form input{
    width: 75%;
    border: none;
   /*取消输入框的外边线*/ 
    outline: none;
    color:#aeaeae;
    font-size: 0.85rem;
  }
  
  .home-header form button{
   
    font-size: 0.9rem;
    color: #5cd5c8;
    /* font-weight:lighter; */
   /*取消边框和背景*/
    border:none;
    background: none;
    font-weight: lighter;
    

  }
  /*分类样式*/
  .home-categories{
    padding: 0.5rem 1rem;
  }

  .home-categories dt{
   /*设置布局的方式为弹性格子flex*/ 
   display: flex;
   /*纵向的对齐方式为居中显示*/
   align-items: center;
   color: #333;
  }

  .home-categories dt img{
    height: 3rem;
    margin: 1rem;
  }
  /*取消边距*/
  .home-categories dd 
  {
    margin: -0.3rem;
 }
  .home-categories dd .tag {
   background: #f5f8f9;
   color: #7e8793;
   padding: 0.5rem;
   /*将显示方式设定为内联块inline-block*/
   display: inline-block;
   border-radius: 2rem;
   font-size: 0.8rem;
  
  /*取消下划线*/
  text-decoration: none;
  margin: 0.2rem 0.3rem;
}
.home-footer{
  width: 80%;
  margin: 0 auto;
  font-size: 0.75rem;
}
.home-footer p {
  margin: 0.2rem 0;
} 
  
/*分类样式*/
/*.home-categories{

}
.home-footer{

}